<template>
  <div class="indent-outbound">
    <el-tabs v-model="activeName" style="position: sticky; top: 0px; z-index: 2; margin: 0 -20px">
      <el-tab-pane :label="'订单待出库商品'" name="1"></el-tab-pane>
      <el-tab-pane :label="'合同待入库商品'" name="2"></el-tab-pane>
    </el-tabs>

    <outing v-show="activeName === '1'" />
    <entrying v-show="activeName === '2'" />
  </div>
</template>

<script setup>
import { ref, nextTick, onMounted } from "vue";
import outing from "./components/outing"; //待出库
import entrying from "./components/entrying"; //待入库

const activeName = ref("1");
</script>

<style lang="scss" scoped>
.indent-outbound {
  padding: 0 20px;
  height: calc(100% - 0px);
  overflow-y: auto;
  :deep(.el-tabs__nav-scroll) {
    background-color: white;
    padding: 20px 20px 0 20px;
    border-radius: 10px;
  }
}
</style>
